<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="shaby.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript"  src="shaby.js"> </script>
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

</head>
<body>

<div id="slider">
<button id="button-prev" src="images/left.jpg">previous</button>

    <div class="slider-mask">
        <div id="slider-content">
            <div class="slider-img">
                <img src="images/flamingo.jpg" alt="Flamingo" />
                </div>
            <div class="slider-img">
                <img src="images/iguana.jpg" alt="Iguana" />

            </div>
            <div class="slider-img">
                <img src="images/lorikeet.jpg" alt="Lorikeet" />

            </div>
        </div>
    </div>
 <button id="button-next" src="images/right.jpg">Next</button>
</div>

</body>
</html>
